<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">


<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
    <link rel="stylesheet" type="text/css" th:href="@{{path}/common/v3/summernote/summernote-bs3.css?v={v}((path=${staticPath},v=${v})}">
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInLeft">
    <div class="ibox-title">
        <div class="row">
            <div class="col-sm-5">
                <h5>
                    <span>话题基本信息</span>
                </h5>
            </div>
        </div>
    </div>

    <div class="oc-ibox-content" id="topic-context">
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th class="text-center"><div class="table-first-id">ID</div></th>
                    <th class="text-center" width="20%">话题标题</th>
                    <th class="text-center" width="21%">话题内容</th>
                    <th class="text-center" width="20%">关联班级</th>
                    <th class="text-center" width="10%">话题类型</th>
                    <th class="text-center" width="8%">浏览量</th>
                    <th class="text-center" width="8%">回复量</th>
                    <th class="text-center" width="8%">点赞量</th>
                </tr>
                </thead>
            </table>
            <div class="J_V_tabContent table-xScrollWrap">
                <table class="table table-bordered table-hover table-xs-content">
                    <tbody id="tbodyClassTopic">
                    <tr class="jqgfirstrow" role="row">
                        <th class="text-center"><div class="table-first-id">&nbsp;</div></th>
                        <th class="text-center" width="20%">&nbsp;</th>
                        <th class="text-center" width="21%">&nbsp;</th>
                        <th class="text-center" width="20%">&nbsp;</th>
                        <th class="text-center" width="10%">&nbsp;</th>
                        <th class="text-center" width="8%">&nbsp;</th>
                        <th class="text-center" width="8%">&nbsp;</th>
                        <th class="text-center" width="8%">&nbsp;</th>
                    </tr>
                    <tr>
                        <td class="text-center" th:text="${topic['id']}"></td>
                        <td class="text-center" th:utext="${topic['title']}"></td>
                        <td class="text-center" th:utext="${topic['content']}"></td>
                        <td class="text-center" th:text="${topic['classes']['name']}"></td>
                        <td class="text-center">
                            <span class="label label-info" th:text="${topic['topicTypeName']}"></span>
                        </td>
                        <td class="text-center" th:text="${topic['lookNum']}"></td>
                        <td class="text-center" th:text="${topic['replyNum']}"></td>
                        <td class="text-center" th:text="${topic['likeNum']}"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div>
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <div class="row">
                    <div class="col-sm-5">
                        <h5>
                            <button id="refresh" class="btn btn-white" data-toggle="tooltip" data-placement="top" title="" data-original-title="刷新话题回复列表"><i class="fa fa-refresh"></i> 刷新话题回复列表</button>
                            <small>（话题回复共<span id="count"></span>个回复）</small>
                        </h5>
                    </div>

                    <div class="col-sm-3">
                        <form id="search-form" role="form" class="search-form">
                            <div class="input-group opSearchBox">
                                <input placeholder="请输入回复者手机、邮箱"  name="keyword" class="input-sm form-control vam common-search-word" type="text">
                                <span class="input-group-btn"><button type="button" class="btn btn-sm btn-primary vam" id="btn1">搜索</button> </span>
                            </div>
                        </form>
                    </div>
                  <div class="col-sm-2 text-center">
                        <a href="javascript:void(0)" id="advSearchshowBtn" class="pt10 inlineBlock vam">高级搜索操作 <i class="fa fa-angle-double-down"></i></a>
                    </div>
                </div>
            </div>

            <div class="oc-advSearch-box">
               <div class="row">
                    <div class="col-sm-8">
                        <div class="pt10">
                            <form  role="form" class="form-inline search-form">
                                <div class="form-group" style="margin-bottom: 10px">
                                    <input placeholder="请输入回复者手机、邮箱" class="form-control common-search-word" type="text">
                                </div>
                                <button class="btn btn-w-m btn-primary" id="btn2" type="button" style="margin-bottom: 10px">搜索</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="oc-ibox-content" id="oc-ibox-content"></div>
        </div>
    </div>
</div>

<input hidden id="id" th:value="${topic['id']}" />
<div data-th-replace="layout/head-footer"></div>
<script type="text/javascript" th:src="@{{path}/admin/business/classes/topic/preview-topic.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>